*{
	margin: 0;
	padding: 0;
}
body{
	background: #F8F8F8;
	font-size: 14px;
}
.scroll-view {
	width: 100%;
	max-height: 100vh;
}
.nav-img{
	width: 24px;
	height: 24px;
}
.u-input{
	height: 48px;
}
.page-wrap{
	.page-bg{
		background: url('@/static/img/home/bg.png') no-repeat;
		background-size: contain;
	}
	.page-bg2{
		background: url('@/static/img/login/bg.png') no-repeat;
		background-size: contain;
		background-color: #fff;
	}
	.page-content{
		// min-height: 100vh;
		padding: 0 16px 60px 16px;
	}
	.page-content2{
		// min-height: 100vh;
	}
	.page-header-main{
		padding-top: 70px;
	}
}
.img-2{
	width: 32px;
	height: 32px;
}
.img-3{
	width: 12px;
	height: 12px;
}
.img-4{
	width: 17px;
	height: 17px;
}
.img-5{
	width: 7px;
	height: 11px;
}
.img-6{
	width: 161px;
	height: 161px;
}
.img-7{
	width: 66px;
	height: 66px;
}
.img-8{
	width: 28px;
	height: 28px;
}
.img-9{
	width: 34px;
	height: 34px;
}
.img-10{
	width: 20px;
	height: 20px;
}
.login-btn{
	width: 320px;
	height: 48px;
	background: #1C72EA;
	border-radius: 4px 4px 4px 4px;
	margin: 0 auto;
	font-weight: 500;
	font-size: 17px;
	color: #FFFFFF;
	line-height: 48px;
	text-align: center;
	margin-top: 54px;
}

.transfer-popup{
	.u-popup__content{
		width: 90%;
		padding: 16px 15px 30px 15px;
	}
	.title{
		font-weight: 500;
		font-size: 17px;
		color: #333333;
		line-height: 20px;
	}
	.form-box{
		margin-top: 8px;
		.form-item{
			margin-top: 24px;
			display: flex;
			align-items: center;
			.tag{
				width: 70px;
				line-height: 18px;
				padding: 0 0 0 8px;
				margin-right: 8px;
				border-right: 1px solid rgba(0, 0, 0, 0.1);
			}
			.form-item-content{
				width: calc(100% - 100px);
				background-color: #F4F5F7;
			}
		}
		.form-item-bg{
			background-color: #F4F5F7;
		}
		.form-tip{
			color: #EFAB46;
			padding: 5px 0 0 10px;
		}
	}
	.u-input {
		height: 48px;
		border-radius: 8px;
		.u-text__value{
			font-size: 14px!important;
			color: #333333!important;
		}
		.input-prefix-content{
			border-right: 1px solid rgba(0,0,0,0.1);
			padding-right: 5px;
			margin-right: 4px;
		}
	}
	
	.account-input {
		background: #F4F5F7;
		border-radius: 8px 8px 8px 8px;
	}
	.btns{
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 60px 0  14px 0;
		.btn-cancel{
			width: 48%;
			height: 42px;
			line-height: 42px;
			background: #E6E6E6;
			border-radius: 4px 4px 4px 4px;
			text-align: center;
			font-size: 16px;
			color: #30302E;
		}
		.btn-confirm{
			width: 48%;
			height: 42px;
			background: #2488FC;
			line-height: 42px;
			border-radius: 4px 4px 4px 4px;
			text-align: center;
			font-size: 16px;
			color: #fff;
		}
		.btn-1{
			width: 46%;
			font-size: 16px;
		}
		.btn-2{
			width: 46%;
			background: #E6E6E6;
			font-size: 16px;
			color: #30302E;
		}
	}
}
.share-popup{
	.u-popup__content{
		width: 90%;
		padding: 16px 15px 30px 15px;
		background: linear-gradient( 180deg, #D1E5F7 0%, #FFFFFF 66%);
		border-radius: 16px 16px 16px 16px;
		.qrcode-box{
			padding: 30px 0 30px;
			.qrcode{
				text-align: center;
				image{
					height: 200px;
					width: 200px;
				}
			}
		}
		.link{
			background: #F0F0F0;
			border-radius: 4px;
			padding: 4px 8px;
			font-size: 14px;
			color: #333333;
			line-height: 20px;
		}
		.copy-link{
			display: flex;
			align-items: center;
			padding-top: 18px;
			justify-content: center;
			.tip{
				font-weight: 500;
				color: #000000;
				line-height: 16px;
				padding-left: 8px;
			}
		}
	}
	.title{
		font-weight: 500;
		font-size: 17px;
		color: #333333;
		line-height: 20px;
	}
}
.recharge-btn{
	height: 48px;
	background: #1C72EA;
	border-radius: 4px 4px 4px 4px;
	font-weight: 500;
	font-size: 17px;
	color: #FFFFFF;
	line-height: 48px;
	text-align: center;
	margin-top: 24px;
}
.reset-btn{
	height: 48px;
	background: #EEF5FF;
	border-radius: 4px 4px 4px 4px;
	font-weight: 500;
	font-size: 17px;
	color: #1D73EB;
	line-height: 48px;
	margin-top: 24px;
	text-align: center;
}
.u-popup__content{
	padding: 16px 15px 30px 15px;
	.title{
		font-weight: 500;
		font-size: 17px;
		color: #333333;
		line-height: 20px;
	}
}
.all-bottom{
	.u-popup__content{
		width: 100%;
	}
}
.swiper-box{
	padding: 40px 0 20px;
}